<template>
    <div>
        <!-- 引入面包屑组件 -->
        <BreadCrumby></BreadCrumby>
        <h2>用户管理</h2>
        <SearchElement @getData='homeData'></SearchElement>
        <el-button type="primary" @click="dialogVisible=true">新建</el-button>
        <!-- 导入对话框 -->
        <AddDialog :visible.sync="dialogVisible"></AddDialog>
        <!-- 导入列表信息 -->
        <ShowList></ShowList>
        <!-- 数据分页 -->
        <div style="margin-top: 30px; float: right">
            <el-pagination
                background
                layout="prev, pager, next, sizes"
                :total="20">
            </el-pagination>
        </div>
    </div>
</template>

<script>
import axios from 'axios'
import BreadCrumby from './Breadcrumb'
import SearchElement from './Search'
import AddDialog from './AddDialog'
import ShowList from './List'
export default {
    components:{
        BreadCrumby,
        SearchElement,
        AddDialog,
        ShowList
    },
    data() {
        return {
            dialogVisible: false
        }
    },
    methods: {
        homeData(data) {
                alert(data)
            }
    },
    computed: {

    },
    created() {

    }
}
</script>

<style scoped>

</style>
